<template>
  <div>
    <div class="heard">
      <div style="display: flex;">
        <h3 class="name">{{title}}</h3>
        <!-- 一个下箭头的图标 -->
        <a-icon style="color: rgb(19,150,217);" type="caret-down" />
      </div>
      <slot name="exctor" />
    </div>
    <!-- 虚线分割线 -->
    <a-divider style="margin: 10px 0;" />
    <slot />
  </div>
</template>
<script>
export default {
  props: ['title']
}
</script>
<style lang="css" scoped>
.heard {
  display: flex;
  justify-content: space-between;
}
.name {
  font-weight: bold;
  margin-right: 10px;
}
</style>
